<header class="Container">
	<hgroup>
    	<h1>Sınav Formu</h1>
        <h2>En güzel sınavlar, okunmuş şekerle başlar.</h2>
    </hgroup>
</header>

<!-- CONTENT -->
<section class="Container">
	
    <h2>Sınav</h2>
    
    <div class="CL">
    <input name="" type="text" class="Textfield" placeholder='Sınav Adı' value="Sınav Adı" onblur="if(this.value == '') { this.value='Sınav Adı'}" onfocus="if (this.value == 'Sınav Adı') {this.value=''}">
    </div>
    
    <div class="CM">
    <select name="" class="Select">
        <option>Sınav Kategorisi</option>
        <option>- Din Kültürü ve Ahlak Bilgisi</option>
        <option>- Beden Eğitimi</option>
        <option>- Hayat Bilgisi</option>
    </select>
    </div>
    
    <div class="CM Last">
    <select name="" class="Select">
        <option>Sınav Seviyesi</option>
        <option>- Çok Zor</option>
        <option>- Zor</option>
        <option>- Normal</option>
        <option>- Kolay</option>
        <option>- Çok Kolay</option>
    </select>
    </div>
    
    <div class="CL">
    <input name="" type="text" class="Textfield" placeholder='Ders Adı' value="Ders Adı" onblur="if(this.value == '') { this.value='Ders Adı'}" onfocus="if (this.value == 'Ders Adı') {this.value=''}">
    </div>
    
    <div class="CL">
    <input name="" type="text" class="Textfield" placeholder='Konu' value="Konu" onblur="if(this.value == '') { this.value='Konu'}" onfocus="if (this.value == 'Konu') {this.value=''}">
    </div>
    
    <div class="CL">
    <textarea name="" cols="" rows="" class="Textarea" placeholder='Sınav hakkında bilgi' value="Sınav hakkında bilgi" onMouseOver="if(this.value == '') { this.value='Sınav hakkında bilgi'}" onblur="if(this.value == '') { this.value='Sınav hakkında bilgi'}" onfocus="if (this.value == 'Sınav hakkında bilgi') {this.value=''}"></textarea>
    </div>
    
    <div class="CL">
    <input name="" type="date" value="Başlangıç Tarihi"  class="Textfield" placeholder='Başlangıç Tarihi' value="Başlangıç Tarihi" onblur="if(this.value == '') { this.value='Başlangıç Tarihi'}" onfocus="if (this.value == 'Başlangıç Tarihi') {this.value=''}">
    
    <input name="" type="date" value="Bitiş Tarihi" class="Textfield" placeholder='Bitiş Tarihi' value="Bitiş Tarihi" onblur="if(this.value == '') { this.value='Bitiş Tarihi'}" onfocus="if (this.value == 'Bitiş Tarihi') {this.value=''}">
    </div>
    
    <div class="CM">
    <label class="Label"><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0" >Süresiz</label>
    <label class="Label"><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1" >Süreli</label>
	</div>
    <div class="CM Last">
    <select name="" class="Select">
        <option>Sınav Süresi</option>
        <option>15 Dakika</option>
        <option>30 Dakika</option>
        <option>45 Dakika</option>
        <option>60 Dakika</option>
    </select>
    </div>
    
    <div class="Fix"></div><!-- .Fix -->

</section>

<!-- QUESTION -->
<section class="Container">

	<h2>Sorular</h2>

	<div class="CL" id="soru">
	<input name="" type="text" class="Textfield"  placeholder='Soru' value="Soru" onblur="if(this.value == '') { this.value='Soru'}" onfocus="if (this.value == 'Soru') {this.value=''}">
	</div>
    
    <div class="CL" id="cevaplar">
    <input name="" type="text" class="Textfield CAnswer" placeholder='Doğru Cevap' value="Doğru Cevap" onblur="if(this.value == '') { this.value='Doğru Cevap'}" onfocus="if (this.value == 'Doğru Cevap') {this.value=''}">
    <input name="" type="text" class="Textfield WAnswer" placeholder='Yanlış Cevap' value="Yanlış Cevap" onblur="if(this.value == '') { this.value='Yanlış Cevap'}" onfocus="if (this.value == 'Yanlış Cevap') {this.value=''}">
    <input name="" type="text" class="Textfield WAnswer" placeholder='Yanlış Cevap' value="Yanlış Cevap" onblur="if(this.value == '') { this.value='Yanlış Cevap'}" onfocus="if (this.value == 'Yanlış Cevap') {this.value=''}">
    <input name="" type="text" class="Textfield WAnswer" placeholder='Yanlış Cevap' value="Yanlış Cevap" onblur="if(this.value == '') { this.value='Yanlış Cevap'}" onfocus="if (this.value == 'Yanlış Cevap') {this.value=''}">
    </div>
    
    <div class="CM">
    <label class="Label"><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0">Boş Bırakılabilir</label>
    <label class="Label"><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1">Boş Bırakılamaz</label>
    
    </div>
    
    <div class="CM Last">
   	<input name="gonder" type="button" class="Buton" value="Soru Ekle" id="soru-ekle">
    </div>
    
    <div class="CL">&nbsp;</div>
    
    <div class="Fix"></div><!-- .Fix -->
    
</section>

<!-- FOOTER -->
<footer class="Container">

	<div class="CL">
   	<input name="" type="button" class="Buton" value="Kaydet" >
    </div>
    
    <div class="Fix"></div><!-- .Fix -->
    
</footer>
 </div>
    <script type="text/javascript">
    $("#soru-ekle").click(function () {
	  $('#soru').clone().insertAfter("#soru");
	  $('#cevaplar').clone().insertAfter("#soru");

    });
</script>